<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人信息管理</title>
		<include file="Layout:ins_css" />
		<style type="text/css">
			.file-footer-buttons .kv-file-upload {
				display: none;
			}
			
			.file-footer-buttons .kv-file-zoom {
				display: none;
			}
			.file-footer-buttons .kv-file-remove {
				display: none;
			}
			.cyf-form-group{
				 margin-top: 10px;
				 margin-bottom: 10px;

			}
			.cyf-inpput{
				width:100%;
				height: 30px;
				font-size: 16px;
				border-radius: 3px;
				/*margin-left: -15px;*/
				/*padding-right: -15px;*/
				margin-top: 10px;
				margin-bottom: 15px;
			}
			.cyf-label{
				font-size: 16px;
				margin-top: 15px;
				margin-bottom: 15px;
			}
			.cyf-img{
				height: 200px;
				margin-bottom: 30px;
			}
			
		</style>
		
		
	</head>

	<body>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>个人信息管理</h5>
						</div>
						<div class="ibox-content">
							<form class="form-horizontal">
								<div class="form-group cyf-form-group grid" >
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">职工号: </label>
										<div class="col-xs-12 col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_id}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">姓名: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control  cyf-inpput" value="{$user_name}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">性别: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_sex}">
										</div>
									</div>
									<div class="col-sm-3" style="margin-top: -3px">
										<label class="col-sm-4 cyf-label">出生日期: </label>
										<div class="col-sm-8">
											<input id="birthday" readonly="readonly" style="height: 30px;max-width: 100%" class="laydate-icon form-control layer-date cyf-inpput" value="{$user_birthday}">
										</div>
                                     </div>
								</div>
								<div class="form-group cyf-form-group" >
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">职称: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_zhi}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">手机号: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_phone}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">邮箱: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_email}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">在职状态: </label>
										<div class="col-sm-8">
											<input type="text" readonly="readonly" placeholder="" class="form-control cyf-inpput" value="{$user_status}">
										</div>
									</div>
								</div>
								<div class="form-group cyf-form-group" >
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">昵称: </label>
										<div class="col-sm-8">
											<input type="text"  placeholder="" class="form-control  cyf-inpput" value="{$user_nickname}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">QQ: </label>
										<div class="col-sm-8">
											<input type="text"  placeholder="" class="form-control cyf-inpput" value="{$user_qq}">
										</div>
									</div>
									<div class="col-sm-3">
										<label class="col-sm-4 cyf-label">微信: </label>
										<div class="col-sm-8">
											<input type="text"  placeholder="" class="form-control  cyf-inpput" value="{$user_wechat}">
										</div>
									</div>
								</div>
								<div class="form-group cyf-form-group" >
									<div class="col-sm-3">
										<!--<label class="col-sm-4 cyf-label" style="margin-top: 90px;">头像: </label>-->
										<label class="col-sm-4 cyf-label" >头像: </label>
										<div class="col-sm-8">
											<img src="__HEADERIMG__/{$user_image}" class="form-control cyf-img"/>
										</div>
									</div>
									<div class="col-sm-3" >
										<div style="margin-left: 15px;margin-right: 15px">
											<input class="file form-control  cyf-inpput" name="upload_file" id="upload_file" type="file" data-show-caption="true" multiple accept="application/*" />
										</div>
									</div>
									<div class="col-sm-6">
										<!--<label class="col-sm-4 cyf-label" style="margin-top: 90px;">简介: </label>-->
										<label class="col-sm-2 cyf-label" >简介: </label>
										<div class="col-sm-10" style="margin-left: -4px">
											<textarea name="" class="form-control cyf-inpput" rows="" cols="" style="height: 200px;">{$user_intro}</textarea>
										</div>
									</div>
								</div>
								<div class="form-group cyf-form-group" style="margin-top: 50px;">
									<div class="col-xs-4 col-xs-offset-2">
										<button class="btn btn-primary" id="subBtn" type="button">保存</button>
									</div>
									<div class="col-xs-4 col-xs-offset-1">
										<button class="btn btn-white" id="cancelBtn" type="button">取消</button>
									</div>
								</div>
							</form>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<include file="Layout:ins_js" />
		 <!-- layerDate plugin javascript -->
    		<script src="__JS__/plugins/layer/laydate/laydate.js"></script>
    		<script type="text/javascript" src="__VENDOR__/fileinput/fileinput.min.js"></script>
		    <script type="text/javascript" src="__VENDOR__/fileinput/locales/zh.js"></script>
    		<script type="text/x-javascript">
    			$(document).ready(function(){
    				//外部js调用
			        laydate({
			            elem: '#birthday', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
			            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
			        });
	    			
	    			
				
    			});
    			// 上传
    			$("#upload_file").fileinput({
					language: 'zh', //设置语言
					uploadUrl: "__URL__/Upload", //上传的地址
					allowedFileExtensions: ['docx'], //接收的文件后缀
					autoReplace: true,
					browseLabel: '上传文件',
					uploadAsync: false, //默认异步上传
					showUpload: false, //是否显示上传按钮
					showRemove: false, //显示移除按钮
					showPreview: true, //是否显示预览
					showCaption: false, //是否显示标题
					browseClass: "btn btn-primary", //按钮样式     
					dropZoneEnabled: true, //是否显示拖拽区域
					maxFileSize: 0, //单位为kb，如果为0表示不限制文件大小
					maxFileCount: 1, //表示允许同时上传的最大文件个数
					enctype: 'multipart/form-data',
					previewClass: 'previewPanel',
					//				initialPreview: [
					//					"<img src='__ROOT__/Upload/Upload_brands/" + urlImg + " ' class='file-preview-image' />",
					//				],
					previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
					
				});
				//同步上传成功结果处理
				$('#upload_file').on('filebatchuploadsuccess', function(event, data, previewId, index) {
					alert(data.response.info);
				});
    			
    		</script>
	</body>

</html>